<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" session="true"%>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">
    <title><s:message code="M_3600_TOOL_ALARM_MANAGEMENT_TAG" /></title>
    <%@ include file="/page/comPage/comCSS.html"%>
    <%@ include file="/page/comPage/navbar.html"%>
    <link href="lib/HubSpot-messenger/build/css/messenger-theme-future.css"
          rel="stylesheet" media="screen" />
    <link href="lib/HubSpot-messenger/build/css/messenger.css"
          rel="stylesheet" media="screen" />
</head>
<body>
<div class="container-fluid">
    <div class="col-sm-12 btnDivCss">
        <button class="btn btn-info" id="query_btn">
            <s:message code="QUERY_TAG" />
        </button>
        <button class="btn btn-warning" id="clear_btn">
            <s:message code="CLEAR_TAG" />
        </button>
        <button class="btn btn-danger" id="del_btn">
            <s:message code="DELETE_TAG" />
        </button>
        <button class="btn btn-success" id="commit_btn">
            <s:message code="COMMIT_TAG" />
        </button>
    </div>
    <div class="col-sm-12">
        <fieldset>
            <legend><s:message code="TOOL_INFO_TAG" /></legend>
        </fieldset>
        <form class="form-horizontal">
	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="startIn"><s:message code="BEGIN_TIME_TAG" /></label>
	            <div class="col-sm-8">
	                <%--<div id="startTimestamp" class="input-group input-append">--%>
	                    <%--<input data-format="yyyy-MM-dd hh:mm:ss" type="text" class="form-control" id="startIn">--%>
	                    <%--<span class="input-group-addon add-on">--%>
	                        <%--<i data-date-icon="glyphicon-calendar" class="glyphicon glyphicon-calendar glyphicon-time"></i>--%>
	                    <%--</span>--%>
	                <%--</div>--%>
						<input id="startIn"  type="text" class="form-control">
	            </div>
	        </div>
	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="endIn"><s:message code="END_TIME_TAG" /></label>
	            <div class="col-sm-8">
	                <%--<div  id="endTimestamp" class="input-group input-append">--%>
	                    <%--<input data-format="yyyy-MM-dd hh:mm:ss" type="text" class="form-control" id="endIn">--%>
	                    <%--<span class="input-group-addon add-on">--%>
	                        <%--<i data-date-icon="glyphicon-calendar" class="glyphicon glyphicon-calendar glyphicon-time"></i>--%>
	                    <%--</span>--%>
	                <%--</div>--%>
						<input id="endIn"  type="text" class="form-control">
	            </div>
	        </div>

			<div class="form-group col-sm-3">
				<label class="control-label col-sm-4"
					   for="fabIdFk">厂别</label>
				<div class="col-sm-8">
					<select class="form-control" id="fabIdFk" style="width: 100%">
					</select>
				</div>
			</div>

	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="lineIdFk"><s:message code="LINE_ID_TAG" /></label>
	            <div class="col-sm-8">
	                <select class="form-control" id="lineIdFk" style="width: 100%">
	                </select>
	            </div>
	        </div>
	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="toolIdFk"><s:message code="TOOL_ID_TAG" /></label>
	            <div class="col-sm-8">
	                <select class="form-control" id="toolIdFk" style="width: 100%">
	                </select>
	            </div>
	        </div>
 	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4"
	            	for="alarmCode"> 警报代码</label>
	            <div class="col-sm-8">
	                <select class="form-control" id="alarmCode" style="width: 100%">
	                </select>
	            </div>
	        </div>
	       	<div class="form-group col-sm-3 hidden">
	            <label class="control-label col-sm-4" 
	            	for="alarmEvtSeqId"> 警报主键 </label>
	            <div class="col-sm-8">
	                <input class="form-control" id="alarmEvtSeqId"/>
	            </div>
	        </div>
	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="alarmDealUsr"> 警报处理者 </label>
	            <div class="col-sm-8">
	                <input class="form-control" id="alarmDealUsr"/>
	            </div>
	        </div>
	        <div class="form-group col-lg-3 col-md-3 col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="alarmLvl"> 警报级别 </label>
	            <div class="col-sm-8">
	                <select class="form-control" id="alarmLvl" style="width: 100%">
	                </select>
	            </div>
	        </div>
<%-- 	        <div class="form-group col-sm-3">
	            <label class="control-label col-sm-4" 
	            	for="alarmEvtTyp"> 警报类别 </label>
	            <div class="col-sm-8">
	                <select class="form-control" id="alarmEvtTyp" style="width: 100%">
	                </select>
	            </div>
	        </div> --%>
        </form>
    </div>
    <div class="col-sm-6">
		<div class="col-sm-12" >
			<form class="form-horizontal">
				<fieldset>
					<legend class="col-sm-6">警报内容</legend>
	                <legend class="col-sm-6">警报原因备注</legend>
	            </fieldset>
	            <div class="col-sm-6">
	                <textarea  rows="2" class="form-control" id="alarmDsc"  style="resize:none;"></textarea>
	            </div>
	            <div class="col-sm-6">
	                <textarea  rows="2" class="form-control" id="alarmNote"  style="resize:none;"></textarea>
	            </div>
	        </form>
	    </div>
	    
	    <div class="col-sm-12" >
	        <form class="form-horizontal">
	            <fieldset>
	                <legend class="col-sm-6">警报处理措施</legend>
	                <legend class="col-sm-6">警报处理结果</legend>
	            </fieldset>
	            <div class="col-sm-6">
	                <textarea rows="2" class="form-control" id="alarmDealMeas" style="resize:none;"></textarea>
	            </div>
	            <div class="col-sm-6">
	                <textarea rows="2" class="form-control" id="alarmDealResult" style="resize:none;"></textarea>
	            </div>
	        </form>
	    </div>
	    <div class="col-sm-12" >
	        <form  class="form-horizontal">
	            <fieldset>
	                <legend class="col-sm-6">后续处理人</legend>
	                <legend class="col-sm-6">后续动作</legend>
	            </fieldset>
	            <div class="col-sm-6">
	                <textarea rows="2" class="form-control" id="featActUsr" style="resize:none;"></textarea>
	            </div>
	            <div class="col-sm-6">
	                <textarea rows="2" class="form-control" id="featAction" style="resize:none;"></textarea>
	            </div>
	        </form>
	    </div>
    </div>
    <div class="col-sm-6">
        <fieldset>
            <legend>警报备注信息列表</legend>
        </fieldset>
        <div id="toolAlarmDiv" class="col-sm-12">
            <table id="toolAlarmGrd" style="height:1px;"></table>
            <div id="toolAlarmPg"></div>
        </div>
    </div>
</div>
<%@ include file="/page/comPage/comJS.html"%>
<script src="lib/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script
        src="lib/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="lib/laydate/laydate.js"></script>
<script src="js/page/3000/3600.js"></script>
</body>

</html>
